<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心侧边栏 - 商品管理系统</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
    <div class="card profile-sidebar">
        <div class="card-body">
            <div class="text-center mb-4">
                <img src="/images/default-avatar.png" alt="用户头像" class="rounded-circle mb-3" width="100" height="100">
                <h5 class="mb-1">用户名</h5>
                <p class="text-muted mb-0">user@example.com</p>
            </div>
            
            <ul class="nav flex-column nav-pills">
                <li class="nav-item">
                    <a class="nav-link active" href="/profile">
                        <i class="fas fa-user"></i> 个人信息
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/orders">
                        <i class="fas fa-shopping-bag"></i> 我的订单
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/address/list">
                        <i class="fas fa-map-marker-alt"></i> 收货地址
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/profile/security">
                        <i class="fas fa-lock"></i> 账户安全
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/profile/wishlist">
                        <i class="fas fa-heart"></i> 我的收藏
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/profile/coupons">
                        <i class="fas fa-ticket-alt"></i> 优惠券
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/profile/settings">
                        <i class="fas fa-cog"></i> 设置
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>